/*  放网页公共部分样式 头部 底部*/

/* 1.引入项目字体图标 */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?tomleg');
  src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?tomleg') format('truetype'),
    url('../fonts/icomoon.woff?tomleg') format('woff'),
    url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* 2.版心 */
.w{
  width: 1200px;
  margin: 0 auto; /*块级元素水平居中*/
}
/* 3.左浮动 */
.fl{
  float: left;
}
/* 4.右浮动 */
.fr{
  float: right;
}
/* 4.1 */
.style_red{
  color: #c81623;
}

/* 5.导航条 一楼 start*/
/* 5.1 快捷导航条父元素*/
.shortcut{
  height: 31px;
  line-height: 31px;   /*设置行高为父元素同样高度   为了使行中文字垂直居中*/
  width: 100%;  
  background-color: #f1f1f1;
}

/* 5.2 li浮动变为一行 */
.shortcut ul li{
  float: left;
}

/* 5.3所有右侧列表中偶数 li 变成小竖线 */
.shortcut .fr ul li:nth-child(even){
  width: 1px;
  height: 12px;
  background-color: #666;
  margin: 9px 15px 0;
}

/* 添加小图标 (小尖尖)*/
.arrow-icon::after{
  content: "\e91e";
  font-family: "icomoon";
  margin-left: 6px;
}


/* 5.导航条  一楼 end*/

/* 6.二楼header部分 start */
/* 由于4个模块位置比较特殊,我们使用定位去实现 */
/* 口诀:子绝父相 */
.header{
  position: relative;
  height: 105px;
}
.logo{
  position: absolute;
  top: 25px;
  width: 171px;
  height: 61px;
  border: 1px solid red;
}
.logo a{
  display: block;
  width: 171px;
  height: 61px;
  background-image: url(../favicon.ico) no-repeat;
  text-indent: -999999px;
  overflow: hidden;
}
.search{
  position: absolute;
  left: 346px;
  top: 25px;
  width: 538px;
  height: 36px;
  border: 2px solid #b1191a;
}
/* input button 通过浮动清楚空白区 */
  .search input{
    float: left;
    width: 454px;
    height: 32px;
    padding-left: 10px;
  }
  .search button{
    float: left;
    width: 80px;
    height: 32px;
    font-size: 16px;
    color: #fff;
    background-color: #b1191a;
  }
  .hotwords{
    position: absolute;
    top: 66px;
    left: 346px;
  }
  .hotwords a{
    /* 不同标签距离用margin */
    margin: 0 10px;
  }
  .shopcar{
    position: absolute;
    right: 60px;
    top: 25px;
    width: 140px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
  }
  .shopcar::before{
    content: '\e93a';
    font-family: 'icomoon';
    color: #b1191a;
    margin-right: 5px;
    /* padding-right: 5px; */
  }
  .shopcar::after{
    content: '\e920';
    font-family: 'icomoon';
    margin-left: 10px;
  }
  .count{
    position: absolute;
    top: -2px;
    left: 105px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    background-color: #e60012;
    padding: 0 5px;
    border-radius: 7px 7px 7px 0px;
  }
/* 6.二楼header部分 end */